#logoMobile {  
    background-repeat: no-repeat;
    height: 30px;;
    width: 30px;
    background-image:url('/images/tr_logo.png');
    background-size: 100% 100%; 
    margin: 0;
    margin: auto;

    background-size: contain;  

    overflow: hidden;
    position:absolute;
    top:2px;
    left:5px;
    

}
.mobileBtn {
        -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
    width: 100%; 
    height: 35px; 
    background-color: #5c5c8a; 
    color: #ffffff; 
    border-style: solid; 
    border-color: #5c5c8a; 
    border-radius: 10px; 
    margin-bottom: 10px; 
   outline:none;
   
    
}

.mobileDataTabs {
    width: 100%;
    max-height: 800px; 
    background-color: #f7f9ff;
    margin: 0;
    border: 0;
}

.mobileDataTabs [type=radio] { display: none;  }
.mobileDataTabs [type=radio]:checked ~ label {
  background:  #608dd6;
  border-bottom: 1px solid white;
  z-index: 2;
  font-size:large;
  font-weight: bold;
  
  margin-left:auto; margin-right:auto; display:table; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}


.mobileContent {
    display: none;
    max-height: 550px;
    overflow-y: scroll;
    width: 100%;
    max-width: 100%;
    margin: auto;
    
    margin-left:auto; margin-right:auto; 
    display:table; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    padding: 2px;
    
}

/*.mobileContent {
    display: none;
    max-height: 550px;
    overflow-y: scroll;
    width: 100%;
    max-width: 100%;
    margin: 0;  
    margin: auto;    
    display:table; 
    padding: 2px;    
}*/




.mobileDataTabs [type=radio]:checked ~ div.mobileContent {
 display: block;
} 

.mLabel {
    text-align: center;
    display:inline-block;
    width: 100%; 
    height: 30px; 
    background-color: #5c5c8a; 
    color: #ffffff; 
/*    border-style: solid; 
    border-color: #5c5c8a; */
    border-radius: 10px; 

}


.mobiletopMenu {
/*    margin-left:auto; margin-right:auto; display:table; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;*/
    padding: 3px;
    padding-left: 20px;
}


.mobiletopMenu a {
    color: white;
}

.menuListMobile ul,
.menuListMobile li,
.menuListMobile span,
.menuListMobile a {

  padding: 0;
  position: relative;
}

.menuListMobile {
  list-style: none;
  width: 90%;
  max-width: 500px;
  border: 0px;
/*  margin: 5px;
  padding: 0px;*/
  margin: auto;
  
}
.menuListMobile:after,
.menuListMobile ul:after {
  content: '';
  display: block;
  clear: both;
}


.menuListMobile ul {
  list-style: none;
  margin-left:auto; margin-right:auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
/*.menuListMobile > ul > form> .list1m {*/
.list1m {
margin-bottom: 10px;
width: 100%;
/*text-align: center;*/

}



.menuListMobile > ul > form > .list1m > a {
    /*  css for the main menu */
    text-align: center;
    color: black;
    background: #bdd4f9;
  display: block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  padding: 12px 15px 10px;

  
    font-size: 18px;


border-color:black; 
border-width: 5px;
border-radius: 10px;
box-shadow: -3px -4px 7px 0px rgba(42,42,42,.56); 

}

.menuListMobile > ul > form > .list1m:hover > a {
  color: #5c5c8a;
/*  background: #463f51;*/
  font-size: 20px;
}



.menuListMobile .list1m:hover > ul {
  display: block;
  left: 20px;
}
.menuListMobile .list1m .list2m:hover > ul {
  display: block;
}
.menuListMobile .list1m .list2m .list3m:hover > ul {
  display: block;
}

.menuListMobile .list1m ul {
  display: none;
  position: absolute;
  width: 100%;
  max-height: 300px;
  overflow-y: scroll;
  z-index: 5;
  border-color:black; 
border-radius: 10px;
margin-bottom: 100px;
}



.menuListMobile .list1m .list2m ul {
  display: none;
  position: absolute;
/*  right: -250px;*/
  width: 100%;

left: 50px;

  border-color:black; 
border-width: 10px;
border-radius: 0px;
border-bottom-left-radius: 10px;
/*  height: 300px;*/
  overflow-y: scroll;
  z-index: 10;
}

.menuListMobile .list1m ul li {
  *margin-bottom: -1px;
}

.menuListMobile .list1m ul li a, .list2m ul li a{
    font-size: 16px;
  background: #f3edfc;
  /* border-bottom: 1px dotted #31b7f1;*/

  filter: none;
  display: block;
  /* line-height: 100%;*/
  padding: 7px;
  color:#825561;
}
.menuListMobile .list1m ul li:hover a {
  background: #a79eb2;
}

.menuListMobile .list2m ul li:hover a {
  background: #f2dce4;
  color:#825561;
}

.menuListMobile ul ul li:hover > a {
  color: #ffffff;
}

.menuListMobile ul ul li.last > a,
.menuListMobile ul ul li:last-child > a,
.menuListMobile ul ul ul li.last > a,
.menuListMobile ul ul ul li:last-child > a,
.menuListMobile .list1 ul li:last-child > a,
.menuListMobile .list1 ul li.last > a {
  border-bottom: 0;
}
            

.modalMobile {
    display: none; /* Hidden by default */
    position:fixed ; 
    z-index: 11; /* Sit on top */
  
    left: 15px;
    top: 50px;
    width: 85%; 
    height: 80%; /* Full height */
    overflow:scroll; /* Enable scroll if needed */
   padding:10px;
  margin: 0;
    
    
    border-style:solid; 
      border-width:2px; 
     border-radius:10px; 
     background-color:#d1e7ff; 
     border-color:#6781a8; 
     box-shadow: -3px -4px 7px 0px rgba(42,42,42,.56);  
    color:#447314  ;
}
.modalMobile p {
    font-family:sans-serif;
    font-size: 15px;
    color:#4B0082; 
}

    
  .tabMobileContainer {
  position: relative;    
  height: 100%;
  width: 100%;
  clear: both;
  margin: 0;
}
.tabMobile {
  float: left;

}
.tabMobile label {
    background:  #f9efe8; 
  padding: 5px; 
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #ccc; 
  margin-left: -1px; 
  position: relative;
  left: 1px; 
}
.tabMobile [type=radio] {
  display: none;   
}
.tabMobile-content {
  position: absolute;
  top: 25px;
  left: 0;
  background: #fffffb ;
  right: 0;
  bottom: 0;
  padding: 10px;
  border: 1px solid #ccc; 
  overflow: auto;
  border-top-right-radius:10px;
  
}
[type=radio]:checked ~ label {
  background:  #fffffb;
  border-bottom: 1px solid white;
  z-index: 2;
  font-size:large;
  font-weight: bold;
}

i {
  border: solid white;
  border-width: 0 5px 5px 0;
  display: inline-block;
  padding: 3px;
}
.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.mobileSelectTrialsBtn {
/*    width:50%;*/
  text-align: center; 
  display:inline;
/*  margin-left: auto;
  margin-right: auto;*/
  cursor: pointer;
  padding: 3px;
  padding-left: 10px;
  padding-right: 10px;
  outline: none; font-size: 14px;  border-color: grey;  margin-bottom: 3px; 
 border:1px solid #605f5d; background-color: #ede5e1; border-radius: 10px; 
box-shadow: 2px 4px #888888;
}


.sliderbutton {
/*    border-style:solid; */
     padding:8px; 
     font-size:14px; 
     border-width:1px; 
     border-radius:10px; 
     background-color:#d1e7ff; 
/*     border-color:#6781a8; */
     box-shadow: -3px -4px 7px 0px rgba(42,42,42,.56);  
     text-shadow:0px 0px 1px rgba(42,42,42,.41); 
   color:#447314  ;
}
.sliderbutton:focus { outline:none; }
.sliderbutton:hover {
    
   
     text-shadow:0px 0px 0px rgba(42,42,42,.41); 
    
    }

.sliderbutton:active {
    
/*    border-style:solid; */
     padding:8px; 
     font-size:14px; 
/*     border-width:2px; */
     border-radius:10px; 
     background-color:#CCCCFF; 
/*     border-color:#6781a8; */
     box-shadow: -3px -4px 7px 0px rgba(42,42,42,.56);  
     text-shadow:0px 0px 2px rgba(42,42,42,.41); 
    
}


/*for misc calculators*/

.calc-container {
   border: 2px solid #d1e2f0;
    background-color: #f7f2ff;
   background: -webkit-gradient(linear, left top, left bottom, from(#d1f0f0), to(#a2c6c7));
   background: -webkit-linear-gradient(top, #d1f0f0, #a2c6c7);
   background: -moz-linear-gradient(top, #d1f0f0, #a2c6c7);
   background: -ms-linear-gradient(top, #d1f0f0, #a2c6c7);
   background: -o-linear-gradient(top, #d1f0f0, #a2c6c7);
   background-image: -ms-linear-gradient(top, #d1f0f0 0%, #a2c6c7 100%);
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(000,000,000,0.9) 0 2px 3px, inset rgba(255,255,255,0.4) 0 2px 0;
   font-family: 'Helvetica Neue',Helvetica,sans-serif;
 
   padding:10px;
/*   width: 100%;*/

   margin-right: auto; margin-left: auto;
/*   height: 200px;*/
   }

.calc-field {
   border: 1px solid #c9b7a2;
    background: #fcfafb;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   color: #393b3d;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   padding:5px;
   margin-bottom:10px;
   width:50%;
  font-size: 18px;
   
   }

#opensub {
    display:none;
    list-style:disc ;
    margin: 0;
    padding: 0;
}
/*#opensub li a{
    text-decoration: none;
    height: 15px;
    padding: 4px;
}*/
#opensub li a:hover {color: purple;}
#nccnbar ul li:hover #opensub {display: block;}